<html>
<head>
   <script>
      function closeform()
        {
          $('overlay').style.display = "none";
          $('lightbox').style.display = "none";  
          Element.remove($('lbContent'));
	}
   </script>
</head>
<body>
<div id="definition">
   <a href="#" class="lbAction" rel="deactivate">
         <img src="../images/closelabel.gif" style="float:right;border:0px solid red"/>
   </a>
   <%
    String city[]={"Bangalore","Hyderabad","Kolkata","Allahabad","Bhopal","Cochin","Hubl","Jalandhar","Kanpur","Ludhiana","Visakhapatnam","Patna","Rajkot"};
    String city1[]={"Chennai","Mumbai","Pune","Amritsar","Bhubaneshwar","Coimbatore","Indore","Jamnagar","Kolhapur","Madurai","Delhi","Surat","Trichy"};
    String city2[]={"Ahmedabad","Agra","Aurangabad","Chandigarh","Goa","Jaipur","Jamshedpur","Lucknow","Mangalore","Nagpur","Nashik","Trivandrum","Vadodara"};
   %>
   <table border="1" style="margin-left:30px;margin-top:30px" width="90%">
     <%
       for(int i=0;i<city.length;i++)
          {%>
           <tr>
           	<td class="tabletext">
           	      <a onclick="parent.setSelectedCity('<%=city[i]%>');closeform()"><%=city[i]%></a>
           	</td>
           	<td class="tabletext">
           	      <a onclick="parent.setSelectedCity('<%=city1[i]%>');closeform()"><%=city1[i]%></a>
           	</td>
           	<td class="tabletext">
           	      <a onclick="parent.setSelectedCity('<%=city2[i]%>');closeform()"><%=city2[i]%></a>
           	</td>
           </tr>
          <%}%>
           <tr><td class="tabletext"><a onclick="parent.setSelectedCity('Varanasi');closeform()">Varanasi</a></td><td class="tabletext"><a onclick="parent.setSelectedCity('Vijayawada');closeform()">Vijayawada</a></td><td></td></tr>         
    </table>
</div>
</body>
</head>
</html>